<template>
  <div class="warn-system">
    <p class="ws-title" style="padding-left:15px;">商标</p>

    <!-- _color 0普通的黑色，1有数量蓝色，2紧急红色 -->
    <ul class="ws-table clearfix">
      <li>
        <div class="ws-why">
          <Tooltip placement="top" content="商标管理中近12个月内需要办理续展的">
            <i class="iconfont iconwenhao f_18 cCCC"></i>
          </Tooltip>
        </div>
        <img src="../img/mary/b06.jpg" @click="push('/ListWarnInfo5')" />
        <span>续展</span>
        <h3
          :class="{colD:trademark.extension_color==0,colN:trademark.extension_color==1,colT:trademark.extension_color==2}"
          @click="push('/ListWarnInfo5')"
        >{{trademark.extension||0}}</h3>
      </li>
      <li>
        <div class="ws-why">
          <Tooltip placement="top" content="您可以提出异议的商标">
            <i class="iconfont iconwenhao f_18 cCCC"></i>
          </Tooltip>
        </div>
        <img src="../img/mary/b07.jpg" @click="push('/ListWarnInfo6')" />
        <span>异议</span>
        <h3
          :class="{colD:trademark.objection_color==0,colN:trademark.objection_color==1,colT:trademark.objection_color==2}"
          @click="push('/ListWarnInfo6')"
        >{{trademark.objection||0}}</h3>
      </li>
      <li>
        <div class="ws-why">
          <Tooltip placement="top" content="状态有过变化的商标">
            <i class="iconfont iconwenhao f_18 cCCC"></i>
          </Tooltip>
        </div>
        <img src="../img/mary/b08.jpg" @click="push('/ListWarnInfo7')" />
        <span>状态</span>
        <h3
          :class="{colD:trademark.state_change_color==0,colN:trademark.state_change_color==1,colT:trademark.state_change_color==2}"
          @click="push('/ListWarnInfo7')"
        >{{trademark.state_change||0}}</h3>
      </li>
      <li>
        <div class="ws-why">
          <Tooltip placement="top" content="在服务猫上注册商标收到驳回通知的">
            <i class="iconfont iconwenhao f_18 cCCC"></i>
          </Tooltip>
        </div>
        <img src="../img/mary/b09.jpg" @click="push('/ListWarnInfo8')" />
        <span>驳回</span>
        <h3
          :class="{colD:trademark.reject_color==0,colN:trademark.reject_color==1,colT:trademark.reject_color==2}"
          @click="push('/ListWarnInfo8')"
        >{{trademark.reject||0}}</h3>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "warnSystemPt",
  props: {
    trademark: Object
  },
  methods: {
    push(path) {
      this.$router.push(path);
    }
  }
};
</script>

<style scoped>
</style>